import { Tabs, TabItem } from '@aws-amplify/ui-react';
import { TerminalCommand } from '@/components/InstallScripts';

The Authenticator works seamlessly with the [Amplify CLI](https://docs.amplify.aws/cli/start/install/)
to **automatically** work with your backend.

First, update `@aws-amplify/cli` with [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/)
if you're using a version before `6.4.0`:

<Tabs>
<TabItem title="npm">

<TerminalCommand command="npm install -g @aws-amplify/cli@latest" />

</TabItem>
<TabItem title="yarn">

<TerminalCommand command="yarn global add @aws-amplify/cli@latest" />

</TabItem>
</Tabs>